<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>for循环练习</title>
</head>

<body>
  <script>
    // for 循环练习

    // 1. 页面打印出5颗小星星 ★★★★★
    for (let i = 1; i <= 5; i++) {
      document.write(`★`)
    }


    // 2. 页面输出年龄 (1~100岁)
    for (let i = 1; i <= 100; i++) {
      document.write(`我今年${i}`)
    }

    // 3. 页面输出1~100以内的偶数
    let sum = 0
    for (let i = 0; i <= 100; i++) {
      if (i % 2 === 0) {
        sum += i
      }

    }
    console.log(sum)



    // 4. 求 1~100 之间的累加和 （拿着前面 累加的值 和 下一个数字 相加）

    // // 4.1 准备一个累加和的变量用来存储结果
    let sum1 = 0
    for (let i = 0; i <= 100; i++) {
      sum1 += i
    }
    console.log(sum1)

    // // 4.2 开始循环累加

    // 5. 求 1~100 之间既能被4整除又能被5z
    let sum2 = 0
    for (let i = 1; i <= 100; i++) {
      if (i % 4 === 0 && i % 5 === 0) {
        sum2 += i
      }
    }
    console.log(sum2)






  </script>
</body>

</html>